<template>
  <div>
    <CanvasMarker :url="url" :width="'500'" :height="'200'" :lineType="lineType"></CanvasMarker>
    <el-row>
      <el-radio v-model="lineType" :label="item" v-for="item in lineTypeArr" @change="changeRadio">{{item}}</el-radio>
    </el-row>
  </div>
</template>
<script>
import CanvasMarker from '../components/CanvasMarker'
export default {
  name: 'test',
  components: {
    CanvasMarker
  },
  data () {
    return {
      lineTypeArr: ['circle', 'rec', 'line', 'arrow', 'text', 'clean', 'cancel', 'save'],
      lineType: 'circle',
      url: 'http://img3.imgtn.bdimg.com/it/u=3543954389,1979127086&fm=26&gp=0.jpg'
    }
  },
  created () {
    console.log(this.$http)
    this.$http.get('https://api.tripalink.com/index.php?r=index/search', {}, () => {

    })
  },
  methods:{
    changeRadio(e){
      if(this.lineType==='clean'){

      }
    }
  }
}
</script>